<template>
  <div class="index">
    <home-header />
    <div class="hello">
      <left-list />
      <right-hello />
      <account-settings />
    </div>
  </div>
</template>

<script>
import HomeHeader from './components/Header'
import LeftList from './components/LeftList'
import RightHello from './components/Content'
import AccountSettings from '../account/index'
export default {
  name: 'Home',
  components: {
    HomeHeader,
    LeftList,
    RightHello,
    AccountSettings
  }
}
</script>

<style lang="stylus" scoped>
  .index
    height 100%
    .hello
      display flex
      height 90%
</style>
